<template>
	<el-breadcrumb :separator-icon="ArrowRight" class="issue-breadcrumb-container" id="issue-breadcrumb-container">
		<el-breadcrumb-item v-for="value in renderArrs" :key="value.path" :to="{ path: value.path }">{{ value.cnName }}</el-breadcrumb-item>
	</el-breadcrumb>
</template>

<script setup>
	import { ArrowRight } from '@element-plus/icons-vue';
	defineProps({
		renderArrs: {
			type: Array,
			default: () => [],
		},
	});
</script>
<style scoped lang="scss">
	@import url('~/assets/css/issue/pc.css');
	.issue-breadcrumb-container {
		width: 100%;
		height: 60px;
		cursor: pointer;
		@include font(_, 14px, 22px, 350);
		@include flex(_, flex-start);
	}
</style>
